  <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>江西省新能源车联网平台</title>

	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/font.css">
	<link rel="stylesheet" href="css/compents.css">
	<link rel="stylesheet" href="css/gaojing.css">
	
	<link rel="shortcut icon" href="img/favicon.fw.png">

	<link rel="stylesheet" href="css/map.css">
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Hy39puRjkD52O5l2T0ne7ZpSepVNY3fN"></script>
    <script src="js/map.js"></script>


    <link rel="stylesheet" href="css/bing.css" media="screen" type="text/css" />
     <script src='js/d3.v3.min.js'></script>

 	 <script src="js/index.js"></script>


</head>
<body>
	<nav>
		<div class="logo">
			
			
			<img src="img/logo-cc.png" alt="">
		</div>

		<div class="title">
			<img src="img/font.png" alt="">
		</div>

		<div class="userinfo">

			<a class="info-list" href="javascript:;">
				<i class="icon icon-user-tie"></i>
				<span>Hi 陶双!&nbsp;</span>
			</a>
			<a class="info-list" href="javascript:;">
				<i class="icon icon-r icon-envelop"></i>
				<div class="noft-red">5</div>
			</a>
			<a class="info-list" href="javascript:;">
				<i class="icon icon-r icon-warning"></i>
				<div class="noft-green">7</div>
			</a>
			<a class="info-list" href="javascript:;">
				<i class="icon icon-cog"></i>
			
			</a>

			
		</div>
		
	</nav>
	<div class="mapdiv">
		<div class="container">
				<div class="top">
					<div class="jiao"></div>
					<div class="gaojing_nav">

						<ul class="nav nav-pills">
							
							

						
							
						
							
							<li>
								<a href="javascript:;" id="history">查看历史告警</a>
							</li>
							<li>
								<a href="javascript:;" id="present">查看实时告警</a>
							</li>
							<li class="gaojing_nav_active">
								<a href="javascript:;" id="distribution">实时告警分布</a>
							</li>
							
							
						
					
						</ul>
					</div>
					
			
				</div>
				<!-- <div class="zhengti"> -->
						<!-- <div class="clear"></div> -->
						<div class="map_wrap">
							
								<div class="warn_fenbu" id="map">
										<div id="myPageTop">
										    <a href="javascript:void(0);" id="show">
										        数据分析（展开/收缩）
										    </a>
										  <div class="charts--container" id="charts--container">
										         <ul>
 												   <li class="chart">
 												     <h3 class="chart--subHeadline">故障类型分布</h3>
 												  <!--    <h2 class="chart--headline">Retail vs Online Purchasing Methods</h2> -->
 												     <div id="pieChart">
 												       <svg id="pieChartSVG">
 												         <defs>
 												           <filter id='pieChartInsetShadow'>
 												             <feOffset dx='0' dy='0'/>
 												             <feGaussianBlur stdDeviation='3' result='offset-blur' />
 												             <feComposite operator='out' in='SourceGraphic' in2='offset-blur' result='inverse' />
 												             <feFlood flood-color='black' flood-opacity='1' result='color' />
 												             <feComposite operator='in' in='color' in2='inverse' result='shadow' />
 												             <feComposite operator='over' in='shadow' in2='SourceGraphic' />
 												           </filter>
 												           <filter id="pieChartDropShadow">
 												             <feGaussianBlur in="SourceAlpha" stdDeviation="3" result="blur" />
 												             <feOffset in="blur" dx="0" dy="3" result="offsetBlur" />
 												             <feMerge>
 												               <feMergeNode />
 												               <feMergeNode in="SourceGraphic" />
 												             </feMerge>
 												           </filter>
 												         </defs>
 												       </svg>
 												     </div>
 												   </li>
													
 												   <li class="chart">
 												     <h3 class="chart--subHeadline">车厂报警数量</h3>
 												   <!--   <h2 class="chart--headline">Timeline of Retail vs Online Purchasing</h2> -->
 												     <div id="lineChart">
 												       <svg id="lineChartSVG" class="lineChart--svg">
 												         <defs>
 												           <linearGradient id="lineChart--gradientBackgroundArea" x1="0" x2="0" y1="0" y2="1">
 												             <stop class="lineChart--gradientBackgroundArea--top" offset="0%" />
 												             <stop class="lineChart--gradientBackgroundArea--bottom" offset="100%" />
 												           </linearGradient>
 												         </defs>
 												       </svg>
 												     </div>
 												   </li>
 												 </ul>
										    </div>
										</div>
										<div id="container"></div>
										<div id="panel"></div>
									<div class="clear"></div>
									<div class="map-foot"></div>
								</div>
								<div class="warn_present" id="warn-present">
									<div class="grid">
										<div class="table_title">
											<div class="tDiv">
												<div class="term" title="展开查询条件">
													<span class="pSearch search icon16" title="查询"></span>
													<span class="icon-summary">展开查询条件</span>
													<span class="search-arrow"></span>
												</div>
												<div class="term detailDiv disabled">
													<div>
														<span class="icon16 icon-detail"></span>
														<span class="icon-summary">详情</span>
													</div>
												</div>
												<div class="term closeDiv disabled">
													<div>
														<span class="icon16 icon-close-alarm"></span>
														<span class="icon-summary">关闭告警</span>
													</div>
												</div>
												<div class="term closeDiv">
													<div>
														<span class="pReload reload icon16"></span>
														<span class="icon-summary">刷新</span>
													</div>
												</div>
											</div>									
										</div>
										<div class="table_body">
											<table class="table table-striped">
												<thead>
													<tr>
														<th><div class="noborder"></div></th>
														<th>VIN</th>
														<th>车型</th>
													
														<th>告警时间</th>
														<th>告警类型</th>
														<th>告警地点</th>
														<th>操作</th>
													
													</tr>
												</thead>
												<tbody>
													<tr>
														<td></td>
														
														<td><div class="t-content" title="LA9BHLMS0GBJXK213">LA9BHLMS0GBJXK213</div></td>
														<td><div class="t-content" title="JXK6108BPHEV">JXK6108BPHEV</div></td>
														<td><div class="t-content" title="2017-02-19 20:47:59">2017-02-19 20:47:59</div></td>
														<td><div class="t-content" title="电池总电压报警">电池总电压报警</div></td>
														<td><div class="t-content" title="广西壮族自治区桂林市象山区;中山南路-翠竹路交叉路口;联发商务大酒店,新凯悦酒店附近">广西壮族自治区桂林市象山区;中山南路-翠竹路交叉路口;联发商务大酒店,新凯悦酒店附近</div></td>
														<td>
															<div class="t-content">
																<span class="opt-wrap">
																	<a class="details" title="详情" href="javaScript:void(0)">详情</a>
																	<a class="closeAlarm" title="关闭告警" href="javaScript:void(0)">关闭告警</a>
																</span>
															</div>
														</td>
													</tr>
													<tr>
														<td></td>
														<td><div class="t-content" title="LA9DDLKR0FBJXK280">LA9DDLKR0FBJXK280</div></td>
														<td><div class="t-content" title="JXK6606CEV">JXK6606CEV</div></td>
														<td><div class="t-content" title="2017-02-20 10:30:37">2017-02-20 10:30:37</div></td>
														<td><div class="t-content" title="绝缘电阻值报警">绝缘电阻值报警</div></td>
														<td><div class="t-content" title="江西省南昌市;一环线-丰和北大道交叉路口;狮子山,一环线附近">江西省南昌市;一环线-丰和北大道交叉路口;狮子山,一环线附近</div></td>
														<td>
															<div class="t-content">
																<span class="opt-wrap">
																	<a class="details" title="详情" href="javaScript:void(0)">详情</a>
																	<a class="closeAlarm" title="关闭告警" href="javaScript:void(0)">关闭告警</a>
																</span>
															</div>
														</td>
													</tr>
													<tr>
														<td></td>
														<td><div class="t-content" title="LA9DFLMS8FBJXK120">LA9DFLMS8FBJXK120</div></td>
														<td><div class="t-content" title="JXK6822BEV">JXK6822BEV</div></td>
														<td><div class="t-content" title="2017-02-20 13:47:47">2017-02-20 13:47:47</div></td>
														<td><div class="t-content" title="DCDC状态报警">DCDC状态报警</div></td>
														<td>江西省南昌市;丰和中大道-绿茵路交叉路口;侘子茶楼,格力空调专卖店附近</td>
														<td>
															<div class="t-content">
																<span class="opt-wrap">
																	<a class="details" title="详情" href="javaScript:void(0)">详情</a>
																	<a class="closeAlarm" title="关闭告警" href="javaScript:void(0)">关闭告警</a>
																</span>
															</div>
														</td>
													</tr>
												</tbody>
		
		
											</table>
										</div>
										<div class="fenye">
											<label class="ui-pagination-label">从第1到3项 共3项</label>
											<span class="ui-pagination-prev disabled"></span>
											<span class="ui-pagination-next"></span>
											<input class="ui-pagination-go" value="1">
											<span class="ui-btn-primary">

												<span class="ui-btn-primary-content">确定</span>
											</span>
										</div>
									</div>
								</div> 
								<div class="warn_history" id="warn-history">
									<div class="grid">
										<div class="table_title">
											<div class="tDiv">
												<div class="term" title="展开查询条件">
													<span class="pSearch search icon16" title="查询"></span>
													<span class="icon-summary">展开查询条件</span>
													<span class="search-arrow"></span>
												</div>
											
												<div class="term refleshDiv">
													<div>
														<span class="pReload reload icon16"></span>
														<span class="icon-summary">刷新</span>
													</div>
												</div>
											</div>									
										</div>
										<div class="table_body">
											<table class="table table-striped">
												<thead>
													<tr>
														<th>告警时间</th>
														<th>VIN</th>
														<th>车型</th>
														<th>告警类型</th>
														<th>告警地点</th>
														<th>处理内容</th>
														<th>处理人</th>
														<th>处理时间</th>
													
													</tr>
												</thead>
												<tbody>

													<tr>
														<td name="receivedTime"><div class="t-content" title="2017-02-21 08:19:49">2017-02-21 08:19:49</div></td>
														<td name="vin"><div class="t-content" title="LA9DDLKR5FBJXK288">LA9DDLKR5FBJXK288</div></td>

														<td name="vehModel"><div class="t-content" title="JXK6606CEV">JXK6606CEV</div></td>

														<td name="alarmName"><div class="t-content" title="绝缘电阻值报警">绝缘电阻值报警</div></td>

														<td name="address"><div class="t-content" title="江西省南昌市;庐山南大道-松鹤路交叉路口;挖机配件,南昌市绿缘保洁服务有限公司附近">江西省南昌市;庐山南大道-松鹤路交叉路口;挖机配件,南昌市绿缘保洁服务有限公司附近</div></td>

														<td name="remark"><div class="t-content" title="平台解除">平台解除</div></td>

														<td name="processName"><div class="t-content" title="系统关闭">系统关闭</div></td>

														<td name="processTime" class="noborder"><div class="t-content" title="2017-02-21 08:40:26">2017-02-21 08:40:26</div></td>
													</tr>
														<tr>
														<td name="receivedTime"><div class="t-content" title="2017-02-21 08:19:49">2017-02-21 08:19:49</div></td>
														<td name="vin"><div class="t-content" title="LA9DDLKR5FBJXK288">LA9DDLKR5FBJXK288</div></td>

														<td name="vehModel"><div class="t-content" title="JXK6606CEV">JXK6606CEV</div></td>

														<td name="alarmName"><div class="t-content" title="绝缘电阻值报警">绝缘电阻值报警</div></td>

													<td name="address"><div class="t-content" title="江西省南昌市;庐山南大道-凤凰中大道交叉路口;南昌华易专业门套窗套,焊接材料焊接设备专营附近">江西省南昌市;庐山南大道-凤凰中大道交叉路口;南昌华易专业门套窗套,焊接材料焊接设备专营附近</div></td>

														<td name="remark"><div class="t-content" title="平台解除">平台解除</div></td>

														<td name="processName"><div class="t-content" title="系统关闭">系统关闭</div></td>

														<td name="processTime" class="noborder"><div class="t-content" title="2017-02-21 08:40:26">2017-02-21 08:40:26</div></td>
													</tr>
														<tr>
														<td name="receivedTime"><div class="t-content" title="2017-02-21 08:19:49">2017-02-21 08:19:49</div></td>
														<td name="vin"><div class="t-content" title="LA9DDLKR5FBJXK288">LA9DDLKR5FBJXK288</div></td>

														<td name="vehModel"><div class="t-content" title="JXK6606CEV">JXK6606CEV</div></td>

														<td name="alarmName"><div class="t-content" title="绝缘电阻值报警">绝缘电阻值报警</div></td>

													<td name="address"><div class="t-content" title="江西省南昌市;庐山南大道-碟子湖大道交叉路口;莲花寺,加油站附近">江西省南昌市;庐山南大道-碟子湖大道交叉路口;莲花寺,加油站附近</div></td>

														<td name="remark"><div class="t-content" title="平台解除">平台解除</div></td>

														<td name="processName"><div class="t-content" title="系统关闭">系统关闭</div></td>

														<td name="processTime" class="noborder"><div class="t-content" title="2017-02-21 08:40:26">2017-02-21 08:40:26</div></td>
													</tr>
														<tr>
														<td name="receivedTime"><div class="t-content" title="2017-02-21 08:19:49">2017-02-21 08:19:49</div></td>
														<td name="vin"><div class="t-content" title="LA9DDLKR5FBJXK288">LA9DDLKR5FBJXK288</div></td>

														<td name="vehModel"><div class="t-content" title="JXK6606CEV">JXK6606CEV</div></td>

														<td name="alarmName"><div class="t-content" title="绝缘电阻值报警">绝缘电阻值报警</div></td>

														<td name="address"><div class="t-content" title="江西省南昌市新建县;祥云大道-学府大道交叉路口;铜鼓垴,王村附近">江西省南昌市新建县;祥云大道-学府大道交叉路口;铜鼓垴,王村附近</div></td>

														<td name="remark"><div class="t-content" title="平台解除">平台解除</div></td>

														<td name="processName"><div class="t-content" title="系统关闭">系统关闭</div></td>

														<td name="processTime" class="noborder"><div class="t-content" title="2017-02-21 08:40:26">2017-02-21 08:40:26</div></td>
													</tr>
														<tr>
														<td name="receivedTime"><div class="t-content" title="2017-02-21 08:19:49">2017-02-21 08:19:49</div></td>
														<td name="vin"><div class="t-content" title="LA9DDLKR5FBJXK288">LA9DDLKR5FBJXK288</div></td>

														<td name="vehModel"><div class="t-content" title="JXK6606CEV">JXK6606CEV</div></td>

														<td name="alarmName"><div class="t-content" title="绝缘电阻值报警">绝缘电阻值报警</div></td>

														<td name="address"><div class="t-content" title="江西省南昌市;庐山南大道-松鹤路交叉路口;挖机配件,南昌市绿缘保洁服务有限公司附近">江西省南昌市;庐山南大道-松鹤路交叉路口;挖机配件,南昌市绿缘保洁服务有限公司附近</div></td>

														<td name="remark"><div class="t-content" title="平台解除">平台解除</div></td>

														<td name="processName"><div class="t-content" title="系统关闭">系统关闭</div></td>

														<td name="processTime" class="noborder"><div class="t-content" title="2017-02-21 08:40:26">2017-02-21 08:40:26</div></td>
													</tr>
														<tr>
														<td name="receivedTime"><div class="t-content" title="2017-02-21 08:19:49">2017-02-21 08:19:49</div></td>
														<td name="vin"><div class="t-content" title="LA9DDLKR5FBJXK288">LA9DDLKR5FBJXK288</div></td>

														<td name="vehModel"><div class="t-content" title="JXK6606CEV">JXK6606CEV</div></td>

														<td name="alarmName"><div class="t-content" title="绝缘电阻值报警">绝缘电阻值报警</div></td>

														<td name="address"><div class="t-content" title="江西省南昌市;庐山南大道-庐山南大道交叉路口;莲花寺,家常饭店附近">江西省南昌市;庐山南大道-庐山南大道交叉路口;莲花寺,家常饭店附近</div></td>

														<td name="remark"><div class="t-content" title="平台解除">平台解除</div></td>

														<td name="processName"><div class="t-content" title="系统关闭">系统关闭</div></td>

														<td name="processTime" class="noborder"><div class="t-content" title="2017-02-21 08:40:26">2017-02-21 08:40:26</div></td>
													</tr>
														<tr>
														<td name="receivedTime"><div class="t-content" title="2017-02-21 08:19:49">2017-02-21 08:19:49</div></td>
														<td name="vin"><div class="t-content" title="LA9DDLKR5FBJXK288">LA9DDLKR5FBJXK288</div></td>

														<td name="vehModel"><div class="t-content" title="JXK6606CEV">JXK6606CEV</div></td>

														<td name="alarmName"><div class="t-content" title="绝缘电阻值报警">绝缘电阻值报警</div></td>

														<td name="address"><div class="t-content" title="江西省南昌市新建县;文化大道-幸福北路交叉路口;幸福北路,心怡广场附近">江西省南昌市新建县;文化大道-幸福北路交叉路口;幸福北路,心怡广场附近</div></td>

														<td name="remark"><div class="t-content" title="平台解除">平台解除</div></td>

														<td name="processName"><div class="t-content" title="系统关闭">系统关闭</div></td>

														<td name="processTime" class="noborder"><div class="t-content" title="2017-02-21 08:40:26">2017-02-21 08:40:26</div></td>
													</tr>
														<tr>
														<td name="receivedTime"><div class="t-content" title="2017-02-21 08:19:49">2017-02-21 08:19:49</div></td>
														<td name="vin"><div class="t-content" title="LA9DDLKR5FBJXK288">LA9DDLKR5FBJXK288</div></td>

														<td name="vehModel"><div class="t-content" title="JXK6606CEV">JXK6606CEV</div></td>

														<td name="alarmName"><div class="t-content" title="绝缘电阻值报警">绝缘电阻值报警</div></td>

														<td name="address"><div class="t-content" title="江西省南昌市;庐山南大道-松鹤路交叉路口;挖机配件,南昌市绿缘保洁服务有限公司附近">江西省南昌市;庐山南大道-松鹤路交叉路口;挖机配件,南昌市绿缘保洁服务有限公司附近</div></td>

														<td name="remark"><div class="t-content" title="平台解除">平台解除</div></td>

														<td name="processName"><div class="t-content" title="系统关闭">系统关闭</div></td>

														<td name="processTime" class="noborder"><div class="t-content" title="2017-02-21 08:40:26">2017-02-21 08:40:26</div></td>
													</tr>
														<tr>
														<td name="receivedTime"><div class="t-content" title="2017-02-21 08:19:49">2017-02-21 08:19:49</div></td>
														<td name="vin"><div class="t-content" title="LA9DDLKR5FBJXK288">LA9DDLKR5FBJXK288</div></td>

														<td name="vehModel"><div class="t-content" title="JXK6606CEV">JXK6606CEV</div></td>

														<td name="alarmName"><div class="t-content" title="绝缘电阻值报警">绝缘电阻值报警</div></td>

														<td name="address"><div class="t-content" title="江西省南昌市;庐山南大道-松鹤路交叉路口;挖机配件,南昌市绿缘保洁服务有限公司附近">江西省南昌市;庐山南大道-松鹤路交叉路口;挖机配件,南昌市绿缘保洁服务有限公司附近</div></td>

														<td name="remark"><div class="t-content" title="平台解除">平台解除</div></td>

														<td name="processName"><div class="t-content" title="系统关闭">系统关闭</div></td>

														<td name="processTime" class="noborder"><div class="t-content" title="2017-02-21 08:40:26">2017-02-21 08:40:26</div></td>
													</tr>
														<tr>
														<td name="receivedTime"><div class="t-content" title="2017-02-21 08:19:49">2017-02-21 08:19:49</div></td>
														<td name="vin"><div class="t-content" title="LA9DDLKR5FBJXK288">LA9DDLKR5FBJXK288</div></td>

														<td name="vehModel"><div class="t-content" title="JXK6606CEV">JXK6606CEV</div></td>

														<td name="alarmName"><div class="t-content" title="绝缘电阻值报警">绝缘电阻值报警</div></td>

														<td name="address"><div class="t-content" title="江西省南昌市;庐山南大道-松鹤路交叉路口;挖机配件,南昌市绿缘保洁服务有限公司附近">江西省南昌市;庐山南大道-松鹤路交叉路口;挖机配件,南昌市绿缘保洁服务有限公司附近</div></td>

														<td name="remark"><div class="t-content" title="平台解除">平台解除</div></td>

														<td name="processName"><div class="t-content" title="系统关闭">系统关闭</div></td>

														<td name="processTime" class="noborder"><div class="t-content" title="2017-02-21 08:40:26">2017-02-21 08:40:26</div></td>
													</tr>
												</tbody>
		
		
											</table>
										</div>
										<div class="fenye">
											<label class="ui-pagination-label">从第1到10项 共9326项</label>
											<span class="ui-pagination-prev disabled"></span>
											<span class="ui-pagination-next"></span>
											<input class="ui-pagination-go" value="1">
											<span class="ui-btn-primary">

												<span class="ui-btn-primary-content">确定</span>
											</span>
										</div>
									</div>
									
								</div> 
								
			
						</div>
			
		</div>

		
	</div>
	<div class="slider">
		<ul id="nav-list">
	
			<li><a href="index.html" class="sprite jiankong" id="jiankong"></a></li>
			<li><a href="javascript:;" class="sprite gaojing" id="gaojing"></a></li>
			<li><a href="chaxun.html" class="sprite chaxun" id="chaxun"></a></li>
			<li><a href="zhongduan.html" class="sprite zhongduan" id="zhongduan"></a></li>
								
				
		</ul>
		
		
	</div>




<script src="js/require.js" data-main="js/gaojing"></script>	
 <script src='js/d3.v3.min.js'></script>

 	 <script src="js/index.js"></script>

</body>
</html>